﻿<!DOCTYPE html>
<html>
<head>
    <title>吴淞学区红色电影征文活动</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <style type="text/css">

        body {
            background-color: #fffcef;
            /*去除移动端webkit浏览器点击按钮或超链接默认灰色背景色*/
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        .wrap_menu {
            position: fixed;
            bottom: 0.5em;
            width: 100%;
            text-align: center;
        }

        .menu_item {
            display: inline-block;
            background-color: red;
            color: white;
            height: 2em;
            line-height: 2em;
            width: 6em;
            border-radius: 1em;
            text-decoration: none;
            border: 1px solid red;
        }

            .menu_item:active {
                background-color: white;
                color: red;
            }
    </style>
</head>
<body>

    <section style="font-size: 14px;">
        <section class="_135editor" style="position: static;">
            <section style="margin-top: 10px; margin-right: 0%; margin-left: 0%; position: static;">
                <section style="display: inline-block; width: 100%; vertical-align: top; background-color: rgb(255, 252, 238);">
                    <section class="_135editor" style="position: static;">
                        <section style="margin-right: 0%; margin-left: 0%; position: static;">
                            <section style="background-color: rgb(182, 44, 37); height: 4px;"></section>
                        </section>
                    </section>
                    <section class="_135editor" style="position: static;">
                        <section style="text-align: center; margin: 10px 0%; position: static;">
                            <section style="display: inline-block; width: 95%; vertical-align: top; border-width: 1px; border-radius: 0px; border-style: solid; border-color: rgb(184, 153, 112); padding: 10px;">
                                <section class="_135editor" style="position: static;">
                                    <section style="margin-top: 10px; margin-bottom: 10px; position: static;">
                                        <section style="display: inline-block; padding-top: 3px; padding-bottom: 3px; border-top: 1px solid rgb(184, 153, 112); border-bottom: 1px solid rgb(184, 153, 112); border-right-color: rgb(184, 153, 112); border-left-color: rgb(184, 153, 112);">
                                            <section style="padding-right: 5px; padding-left: 5px; display: inline-block; background-color: rgb(182, 44, 37); color: rgb(255, 255, 255); font-size: 16px;">
                                                <p>
                                                    27、 我们需要前行
                                                </p>
                                            </section>
                                        </section>
                                    </section>
                                </section>
                                <section class="_135editor">
                                    <section style="position: static;">
                                        <section style="text-align: left;">
                                            <p>
                                                <br />
                                            </p>
                                        </section>
                                    </section>
                                </section>
                                <section class="_135editor" style="position: static;">
                                    <section style="margin-top: 10px; margin-bottom: 10px; position: static;">
                                        <section style="max-width: 100%; vertical-align: middle; display: inline-block;">
                                            <img width="100%" src="../asset/images/dj_cover/27.jpg" style="vertical-align: middle;" data-ratio="0.6671875" data-w="640" />
                                        </section>
                                    </section>
                                </section>
                                <section class="_135editor">
                                    <section style="position: static;">
                                        <section style="text-align: left; color: rgb(110, 85, 51); line-height: 1.8;">
                                            <p style="text-indent: 2em;">
                                                “五四运动”催生了中国的新民主主义革命中国在巴黎和会上全面失败，日本全面接受德国在中国山东的利益，消息传来，举国震动，全国各地莘莘学子终于把满腔的爱国热情迸发出来，他们以无所畏惧的姿态走上街头，高呼“爱国无罪”、“革命万岁”等口号示威、游行、继而火烧赵家楼、痛殴卖国贼；青年学子的拳拳爱国心震撼激扬。
                                            </p>
                                            <p style="text-indent: 2em;">
                                                &nbsp;&nbsp; 当陈独秀、李大钊、胡适等人与辜鸿铭进行辩论时，我们可以看出新旧思想在当时高层知识分子中斗争的严酷；当我们听到中方代表顾维钧拒绝在《凡尔赛和约》上签字所说的那些话时，我们在愤怒的同时，又不得不深思“弱国无外交”、“落后就要挨打”的真谛。中国共产党就是在这个时候诞生的。它应允了历史的要求，应允了民族的要求。它的诞生，给中国带来了希望，给人民带来了光明，为中国革命开辟了一条前所未有的道路。最终实现了人民当家作主的愿望，劳动人民翻身做了主人。
                                            </p>
                                            <p style="text-indent: 2em;">
                                                &nbsp;&nbsp; 通过观看这部《建党伟业》，我们再一次形象的认识到，在当时的旧中国，无论是封建王朝还是北洋政府，无论是国共党还是其他民主派，无论是议会制、总统制，还是君主立宪制，都救不了积贫积弱、处于列强环饲的旧中国，在那个波澜壮阔的大时代，无数仁人志士在黑暗中探索，在探索中思考，最终他们发现，只有中国共产党才是中国人民不二的选择。
                                            </p>
                                            <p style="text-indent: 2em;">
                                                《建党伟业》以中国近代史为叙述主线，但影片的核心重心还是落在中国共产党的建党艰难历程。从近代史上看，不是每一件大事都与建党有直接联系，所以《建党伟业》采取了多条线叙事的方法。其中一条线是近代史上的大事记，从辛亥革命讲到五四运动；一条线是青年毛泽东的人生轨迹，从参军新军直到参加中共一大；另外一条线是中共成立前的历史思潮，主要是以陈独秀、李大钊、胡适、辜鸿铭等人的事迹串联。这三条主线相互贯穿，要找到这三条线的内在联系，就要你能够真正看懂这部影片。
                                            </p>
                                            <p style="text-indent: 2em;">
                                                除了演员明星阵容的强大给人带来的视觉冲击之外，更重要的是对人心灵的冲击。电影再现了那段风雨飘摇的历史，重温了老一辈革命家为了挽救人民于水火之中，为了拯救危难中的中国，历经千难万险，经过不懈斗争，终于创建了“中国共产党”的历程，对我们这些出生在新社会、沐浴在党恩下的年轻人，是一次很好的爱国主义教育。
                                            </p>
                                        </section>
                                    </section>
                                </section>
                            </section>
                        </section>
                    </section>
                    <section class="_135editor" style="position: static;">
                        <section style="margin-right: 0%; margin-left: 0%; position: static;">
                            <section style="background-color: rgb(182, 44, 37); height: 4px;"></section>
                        </section>
                    </section>
                </section>
            </section>
        </section>
    </section>

    <p>
        <br />
    </p>

    <section class="wrap_menu">
        <a id="menu_vote" class="menu_item">投票</a>&nbsp;&nbsp;
        <a id="menu_back" href="../index.html?back=a" class="menu_item">返回</a>
    </section>
    <script src="http://cdn.bootcss.com/zepto/1.1.4/zepto.min.js" type="text/javascript"></script>
    <script src="../asset/js/utils.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var articleId = "5D3FA7AB-8B4D-4215-82FD-C8BA97B8BBF7";
            var user = getCookie("wusong_user");
            var openId = JSON.parse(user).OpenID;
            var nickName = JSON.parse(user).NickName;
            var total;

            $.getJSON("../api/user/" + openId, function (data) {

                total = data.ThumbupCount;

                console.log("get user total of thumbup : " + total);

                //设置点赞按钮状态
                if (data.ThumbupCount >= 3) {
                    $("#menu_vote").css("background-color", "gray");
                    $("#menu_vote").unbind("click");
                }
            });

            $("#menu_vote").click(function () {

                var model = { "openid": openId, "nickname": nickName, "articleid": articleId };

                $.ajax({
                    url: "../api/thumbup/",
                    contentType: "application/json; charset=utf-8",
                    type: "POST",
                    data: JSON.stringify(model),
                    error: function (data) {
                        console.log(data);
                    },
                    success: function (data) {
                        total++;
                        console.log("vote ok. Total of thumbup : " + total);

                        if (total >= 3) {
                            $("#menu_vote").css("background-color", "gray");
                            $("#menu_vote").unbind("click");
                        }

                    }
                });

            });

        });

    </script>
</body>
</html>